<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>登录</title>
		<style type="text/css">
			body{
				background: url(4c817a25f3039dfac5c0895d652239f6.jpeg); no-repeat;
			}
			#login{
				width: 500px;
				height: 300px;
				background-color: whitesmoke;
				border: 1px solid #FFFFFF;
				box-shadow: 10px 10px 10px #888888;
				position: absolute;
				left: 500px;
				top: 200px;
				border-radius: 10px;
				padding: 20px 50px 20px 20px;
				
			}
			form{
				font-size: 20px;
				margin-top: 20px;
				margin-left: 120px;
			}
			input:focus{
				border: 1px solid #00FFFF;
				
			}
			input:hover{
				background-color: #ADD8E6;
			}
			input{
				width: 300px;
				height: 30px;
				border: 1px solid grey;
				margin: 5px;
				margin-bottom: 5px;
				font-size: 14px;
				border-radius: 15px;
			}
			button{
				margin-left: 100px;
				margin-top:10px ;
				width: 100px;
				height: 40px;
				border-radius: 10px;
			}
		</style>
	</head>
	<body>
		<div id="login">
			
			<img src="uugai.com_1661847962210.png"style="width: 510px; ">
			<form>
				<label for="username">用户名</label><br>
				<input type="text" id="username" placeholder="请输入用户名"><br />
				<label for="password">密码</label><br>
				<input type="password" id="password" placeholder="请输入密码"><br />
				<button>登录</button>
			</form>
		</div>
   
	</body>
</html>